カテゴリ デカルト軸

グローバル構成が使用されている場合、ラベルはチャート データに含まれるラベル配列の 1 つから描画されます。もしそうならdata.labelsが定義されている場合、これが使用されます。もしもdata.xLabelsが定義されており、軸が水平である場合、これが使用されます。同様に、data.yLabelsが定義されており、軸が垂直の場合、このプロパティが使用されます。両方を使用するxLabelsyLabelsを一緒に使用すると、X 軸と Y 軸の両方に文字列を使用するグラフを作成できます。

上記のいずれかの設定を指定すると、X 軸が次のように定義されます。type: 'category'他に定義されていない場合。カテゴリラベルをより細かく制御するには、次のオプションを追加することもできます。labelsカテゴリ軸定義の一部として。これを行うと、グローバルなデフォルトは適用されません。

カテゴリ軸の定義

世界的に:

let chart = new Chart(ctx, {
    type: ...
    data: {
        labels: ['January', 'February', 'March', 'April', 'May', 'June'],
        datasets: ...
    }
});

軸定義の一部として:

let chart = new Chart(ctx, {
    type: ...
    data: ...
    options: {
        scales: {
            xAxes: [{
                type: 'category',
                labels: ['January', 'February', 'March', 'April', 'May', 'June']
            }]
        }
    }
});

設定オプションにチェックマークを付けます

カテゴリ スケールには、目盛を構成するための次のオプションが用意されています。それらは、ticksサブオブジェクト。これらのオプションにより、一般的なティック設定

名前 タイプ デフォルト 説明
labels string[] - 表示するラベルの配列。
min string 表示する最低限の項目。もっと...
max string 表示する最大項目。もっと...

最小最大構成

どちらにとっても、minmaxプロパティの場合、値はlabels配列。以下の例では、X 軸には「3 月」から「6 月」までのみが表示されます。

let chart = new Chart(ctx, {
    type: 'line',
    data: {
        datasets: [{
            data: [10, 20, 30, 40, 50, 60]
        }],
        labels: ['January', 'February', 'March', 'April', 'May', 'June']
    },
    options: {
        scales: {
            xAxes: [{
                ticks: {
                    min: 'March'
                }
            }]
        }
    }
});

「」と一致する結果

    「」に一致する結果はありません